<template>
  <Nav></Nav>
  <TopLbt/>
  <FL/>
  <do-you-want></do-you-want>

  <UpTimeList/>
  <!-- 热榜 -->

  <HotTvBang/>
  <!-- 点击热榜 -->

  <TvShow></TvShow>

  <do-you-like></do-you-like>
  <boder></boder>
<!--  -->
  <x-f></x-f>
</template>

<script setup>
import HotTvBang from '@/components/HotTvBang.vue'
import TopLbt from '@/components/TopLbt.vue'
import FL from '@/components/Fl.vue'
import UpTimeList from '@/components/UpTimeList.vue'
import TvShow from '@/components/TvShow.vue'
import Nav from '@/components/nav.vue'
import DoYouLike from "@/components/DoYouLike";
import DoYouWant from "@/components/DoYouWant";
import {onMounted} from "vue";
import XF from "@/components/XF";
import Boder from "@/components/Boder";

</script>

<style lang="less" scoped>
.more{
  display: flex;
  justify-content: space-between;
  font-family: 黑体;
  font-weight: bold;
  margin-bottom: 5px;
}
.a-def{
  color: hotpink;
}
.c-pink{
  color: deeppink;
}
.bottomTip{
  //width: 100%;
  display: flex;
  background-color: #F6F7F8;
  box-shadow: 1px 0 4px #00000014;
  justify-content: center;
  padding: 15px 45px;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
  color: #61666D;
}
.bottomTip>span{
  font-family: 黑体;
  font-weight: bold;
  margin-bottom: 5px;
}
html,body,#app{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
/*定义滚动条轨道*/
::-webkit-scrollbar-track {
  width: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  width: 0;
  background-color: #30B07F00;
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0) 100%,transparent 100%,transparent 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,transparent 75%,transparent);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
@media screen and (max-width: 1139.8px) {
  html,body{
    min-width: 1139px;
  }
}
</style>
